.table-scroll-x {
    overflow-x: auto;
    width: 100%;
  }

  .fixed-width-table {
    width: 100%;
    table-layout: auto;
    border-spacing: 0;
    border-collapse: separate;
  }

  // .fixed-width-table thead tr th {
  //   position: sticky;
  //   top: 0;
  //   z-index: 10;
  //   padding: 0px 10px;
  //   background: #E9E7F2; /* 保证有背景色 */
  // }

  .table-scroll-x::-webkit-scrollbar {
    height: 12px;           /* 滚动条高度（粗细） */
  }
  .table-scroll-x::-webkit-scrollbar-thumb {
    background: #165dff;    /* 深蓝色 */
    border-radius: 6px;
  }
  .table-scroll-x::-webkit-scrollbar-track {
    background: #e6f0ff;    /* 滚动条轨道浅色，可选 */
    border-radius: 6px;
  }

  /* Firefox */
  .table-scroll-x {
    scrollbar-color: #165dff #e6f0ff;
    scrollbar-width: thick;
  }


  .fixed-width-table .head-layer2 th {
    white-space: nowrap;
  }

  .fixed-table-head {
    position: sticky;
    left: 0;
    z-index: 100 !important;
    background: #E9E7F2;
    text-align: center;
    width: 180px;
min-width: 180px;
max-width: 180px;
    box-sizing: border-box;
    // border: 0 !important;
    padding: 0 !important;
    border: 6px solid white;
    margin: 0 !important;
    white-space: normal;
    word-break: break-all;
  }

  table.fixed-width-table {
    border-collapse: separate;
    border-spacing: 4px;
    background: #fff;
    // border: 2px solid #ccc;

    thead>tr>th,thead>tr>td {
      border: 1px solid #ccc;
    }

  }

  .fixed-width-table th,
.fixed-width-table .head-group {
  white-space: nowrap;
}


  table.fixed-width-table .head-group {
    background-color: #d3cee2;
  }

  .acc-title-span {
    color: #bbb;
    font-weight: 550;
    transition: color 0.2s;
    &.active {
      color: #222;
    }
  }


  .acc-selector .button-icon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    margin: 5px;
  }

  table.fixed-width-table tbody > tr > td {
    position: relative;
    text-align: center;
  }

  table.fixed-width-table tbody>tr>td::after {
    content: "";
    display: block;
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 2px;
    height: 0;
    border-bottom: 2px dashed #cccaca;
    width: 80%;
    margin: 0 auto;
    pointer-events: none;
}

